@import url("system.css");
/*内容页中的分页样式，可以通过覆盖CSS的方法改写*/
#CMS_ConGoPage{height:50px;line-height:50px; width:100%; text-align:center; clear: both; padding: 10px 0; font-family: cursive;font-size: 14px;}#CMS_ConGoPage span{display:inline-block; height:30px; line-height:30px; text-align:center;  width:30px; border: solid #ccc 1px;margin: 10px 3px; color:#ccc;}#CMS_ConGoPage span:hover{background-color: aliceblue;}#CMS_ConGoPage span a,#CMS_ConGoPage span a:hover{text-decoration: none;display:inline-block;color:#000;font-size: 14px;width: 100%;}
@charset "utf-8";
/* CSS Document */
/* @font-face {
  font-family: SourceHanSansCN-Medium-2;
  src: url("/skin/kmb12/font/FZXBSJW.TTF?v=1");
} */
@font-face {
  font-family: SourceHanSansCN-Medium-2;
  src: url("/skin/kmb12/font/SourceHanSansCN-Medium-2.ttf?v=1");
}

* {
  padding: 0;
  margin: 0;
}
img {
  border: none 0px;
}
li {
  list-style-type: none;
}
a {
  text-decoration: none;
}
a:hover {
}
html,
body {
  height: 100%;
}
body {
  font-family: SourceHanSansCN-Medium-2;
  font-size: 62.5%;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.ovh {
  overflow: hidden;
}
.center {
  margin: 0 auto;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
}
.clear {
  clear: both;
}

.iframe-main {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
}

.cbp-spmenu-left {
  display: none;
}
.header {
  width: 100%;
  min-width: 1200px;
  background: #151515 url(img/bg_header.gif) repeat-x left bottom;
}
.m_header {
  display: none;
}
.header .header_box {
  width: 1200px;
  position: relative;
}
.yc_960 {
  height: 45px;
  width: 100%;
  display: none;
}
.header_main {
  width: 100%;
  position: relative;
}
.header_main .logo_box {
  width: 170px;
  height: 110px;
  position: absolute;
  left: 0;
  top: 0;
}
.nav1 {
  width: 863px;
  padding-left: 200px;
  height: 39px;
  line-height: 39px;
  font-size: 1.2em;
}
.nav1 li {
  float: left;
  padding-right: 35px;
}
.nav1 li a,
.nav1 li a:visited,
.nav1 li a:active {
  color: #818285;
  cursor: pointer;
}
.nav1 li a:hover {
  color: #818285;
  text-decoration: underline;
}
.nav1 table{
position: absolute;
    background: #fff;
    width: 80px;
    text-align: center;
    margin-left: -10px;
    line-height: 30px;
    z-index: 999999;
  display:none;
}
.nav2 {
  width: 660px;
  padding-left: 170px;
  height: 49px;
  padding-top: 22px;
  font-size: 1.3em;
}
.nav2 li {
  float: left;
  line-height: 26px;
  height: 26px;
  padding-bottom: 23px;
}
.nav2 li a {
  display: block;
  padding-right: 34px;
  padding-left: 30px;
  background: url(img/bg_nav.gif) no-repeat right center;
}
.nav2 li a span {
  display: block;
}
.nav2 li a span,
.nav2 li a:visited span,
.nav2 li a:active span {
  color: #151515;
}
.nav2 li.hover a span,
.nav2 li a:hover span {
  color: #ea5c12;
  background: url(img/bg_nava.gif) repeat-x left bottom;
}

.load_box {
  position: absolute;
  top: 0;
  right: 0;
  padding-top: 10px;
  height: 18px;
  width: auto;
}
.load_box .search_box {
  height: 18px;
}
.load_box .search_box input {
  display: inline-block;
}
.load_box .search_box input.search_text {
  width: 110px;
  padding-left: 8px;
  color: #a9a9a9;
  border: solid 1px #e9eae9;
  border-right: none 0px;
  height: 16px;
  line-height: 16px;
  vertical-align: middle;
}
.load_box .search_box input.search_submit {
  width: 18px;
  height: 18px;
  border: none 0px;
  background: url(img/bg_search.gif) no-repeat;
  text-indent: -2000px;
  vertical-align: middle;
}
.load_box .loading {
  height: 18px;
  line-height: 18px;
  padding-left: 14px;
  background: url(img/bg_bbs.gif) no-repeat left center;
  font-size: 1.2em;
}
.load_box .loading a,
.load_box .loading span,
.load_box .loading a:visited,
.load_box .loading a:active {
  display: inline-block;
  padding-left: 7px;
  color: #505050;
}
.w_links {
  position: absolute;
  top: 39px;
  right: 0;
  width: 245px;
  padding-top: 10px;
  font-size: 1.2em;
}
.w_links a {
  color: #fff;
}
.w_links .tm_box {
  width: 120px;
  margin-bottom: 5px;
  margin-left: 5px;
}
.w_links .tm_box a {
  display: block;
  height: 25px;
  line-height: 25px;
  background: #dd2727 url(img/mall.png) no-repeat 10px top;
  padding-left: 25px;
}
.w_links .club_box {
  width: 120px;
  height: 25px;
  line-height: 25px;
}
.w_links .club_box a {
  display: block;
  height: 25px;
  line-height: 25px;
  background: #dd2727 url(img/mall1.png) no-repeat 5px top;
  padding-left: 30px;
}
.w_links .yy_box {
  width: 245px;
  height: 25px;
  line-height: 25px;
  background: #151515;
  text-align: center;
}

.pulldown {
  position: absolute;
  top: 110px;
  z-index: 100;
  height: 342px;
  display: none;
  padding-top: 60px;
}
.sub1,
.sub2,
.sub3,
.sub4 {
  background: url(img/bg_subnav.gif) no-repeat center top;
}
.sub5,
.sub6 {
  background: #f8f8f8;
}

.sub_nav_main {
  width: 1200px;
  margin: 0 auto;
  position: relative;
  height: 100%;
}

.sub_nav_main .series {
  float: left;
  min-height: 40px;
  overflow: hidden;
}
.sub_nav_main .sub_navt {
  float: left;
  font-size: 22px;
  color: #000;
  width: 150px;
  padding-right: 15px;
  text-align: right;
}
.sub_nav_main .sub_navt dt {
  padding-bottom: 20px;
  font-weight: bold;
  height: 40px;
  line-height: 40px;
}
.sub_nav_main .sub_navc {
  float: left;
  font-size: 20px;
  color: #000;
  width: 520px;
}
.sub_nav_main .sub_navc dd {
  padding-bottom: 20px;
  padding-left: 45px;
  float: left;
  height: 40px;
  line-height: 40px;
}
.sub_nav_main .sub_navc dd a,
.sub_nav_main .sub_navi dd a,
.sub_nav_main .sub_navc dd a:visited,
.sub_nav_main .sub_navi dd a:visited,
.sub_nav_main .sub_navc dd a:active,
.sub_nav_main .sub_navi dd a:active {
  color: #000;
  display: block;
  padding: 0;
  background: none;
}
.sub_nav_main .sub_navc #one2 {
  padding-right: 40px;
}
.sub_nav_main dl dd.hover a {
  color: #ea5c12;
  background: url(img/bg_nava.gif) repeat-x left bottom;
}
.sub_nav_main .sub_navi {
  position: absolute;
  right: 0;
  top: 0px;
  width: 43%;
}
.sub_nav_main .sub_navi dd {
  display: none;
  width: 100%;
}
.sub_nav_main .sub_navi dd img {
  width: 100%;
  height: auto;
  max-height: 300px;
}
#two3 {
  margin-right: 20px;
}
.sub4 .sub_nav_main .sub_navc {
  width: 550px;
}

.sub_nav_main .sub_navs {
  float: left;
  font-size: 20px;
  line-height: 40px;
  color: #000;
  width: 560px;
}
.sub_nav_main .sub_navs dd {
  padding-bottom: 20px;
  padding-left: 45px;
  float: left;
}
.sub_nav_main .sub_navs dd a,
.sub_nav_main .sub_navs dd a:visited,
.sub_nav_main .sub_navs dd a:active {
  color: #000;
  display: inline-block;
  padding: 0;
  background: none;
}
.sub_nav_main .sub_navs dd div a,
.sub_nav_main .sub_navs dd div a:visited,
.sub_nav_main .sub_navs dd div a:active {
  color: #000;
  display: inline-block;
  padding: 0;
  background: none;
}
.sub_nav_main .sub_navs dd div {
  position: absolute;
  right: 0;
  top: 0px;
  width: 43%;
  display: none;
}
.sub_nav_main .sub_navs dd div img {
  width: 100%;
  height: auto;
  max-height: 300px;
}

.sub_nav_main .n_fitting_list {
  width: 100%;
}
.sub_nav_main .n_fitting_list dd {
  width: 372px;
  float: left;
  padding: 0 14px;
  margin-top: -20px;
}
.sub_nav_main .n_fitting_list dd .img_box {
  width: 370px;
  border: solid 1px #dbdbdb;
  margin-bottom: 1em;
  overflow: hidden;
}
.sub_nav_main .n_fitting_list dd .img_box img {
  width: 370px;
  height: 278px;
  transition: All 0.5s ease-in-out;
  -webkit-transition: All 0.5s ease-in-out;
  -moz-transition: All 0.5s ease-in-out;
  -o-transition: All 0.5s ease-in-out;
}
.sub_nav_main .n_fitting_list dd a {
  padding: 0;
  background: none;
}
.sub_nav_main .n_fitting_list dd a:hover .img_box img {
  transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -o-transform: scale(1.2);
  -ms-transform: scale(1.2);
}
.sub_nav_main .n_fitting_list dd p,
.n_fitting_list dd h3 {
  width: 100%;
  color: #555555;
  line-height: 1.5em;
  height: 1.5em;
  overflow: hidden;
  text-align: center;
}

.main {
  width: 100%;
}

.banner_box {
  width: 100%;
  position: relative;
  min-width: 1200px;
}
.banner_box .flexslider {
  position: relative;
  overflow: hidden;
  background: url(img/loading.gif) 50% no-repeat;
  width: 100%;
}
.slides {
  position: relative;
  z-index: 1;
}
.slides li a {
  display: block;
  width: 100%;
  height: 100%;
}
.banner_box .slides li img {
  width: 100%;
  height: auto;
  display: block;
}
.banner_box .flex-control-nav {
  position: absolute;
  bottom: 10%;
  z-index: 2;
  width: 100%;
  text-align: center;
}
.flex-control-nav li {
  display: inline-block;
  width: 40px;
  height: 6px;
  margin: 0 5px;
  *display: inline;
  zoom: 1;
}
.banner_box .flex-control-nav a {
  display: inline-block;
  width: 40px;
  height: 6px;
  line-height: 6px;
  overflow: hidden;
  background: #fff;
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
  text-indent: -20000px;
  cursor: pointer;
}
.banner_box .flex-control-nav .flex-active {
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}

.home_news {
  width: 100%;
  overflow: hidden;
}
.new_pro,
.news_tj {
  width: 50%;
  position: relative;
}
.new_pro .img_box,
.news_tj .img_box {
  width: 100%;
}
.new_pro .img_box img,
.news_tj .img_box img {
  display: block;
  width: 100%;
  height: auto;
}
.new_pro .text,
.news_tj .text {
  position: absolute;
  z-index: 10;
  width: 70%;
  font-size: 5em;
  line-height: 1.2em;
  height: 2.4em;
  overflow: hidden;
}
.new_pro .text {
  right: 6%;
  top: 7%;
  text-align: right;
  color: #151515;
}
.news_tj .text {
  left: 6%;
  bottom: 18.5%;
  text-align: left;
  color: #fff;
}
.new_pro .more,
.news_tj .more {
  position: absolute;
  z-index: 10;
  width: 15%;
  font-size: 14px;
  text-align: center;
  line-height: 40px;
  height: 40px;
  overflow: hidden;
  font-family: SourceHanSansCN-Medium-2;
}
.new_pro .more {
  right: 6%;
  top: 28%;
  color: #151515;
  border: solid 1px #151515;
}
.news_tj .more {
  left: 6%;
  bottom: 7.5%;
  color: #fff;
  border: solid 1px #fff;
}
.home_news a:hover .more {
  background: #eb6100;
  color: #fff;
  border: solid 1px #fff;
}

.new_pro .flexslider {
  position: relative;
  overflow: hidden;
  background: url(img/loading.gif) 50% no-repeat;
}
.new_pro .flex-control-nav {
  position: absolute;
  bottom: 5%;
  z-index: 2;
  width: 100%;
  text-align: center;
}
.new_pro .flex-control-nav a {
  display: inline-block;
  width: 40px;
  height: 6px;
  line-height: 6px;
  overflow: hidden;
  background: #c9c9c9;
  text-indent: -20000px;
  cursor: pointer;
}
.new_pro .flex-control-nav .flex-active {
  background: #eb6100;
}

.footer {
  width: 100%;
  min-width: 1200px;
  background: #2a2a2a;
}
.footer_box {
  width: 1200px;
  margin: 0 auto;
}
.back_top {
  width: 100%;
  text-align: center;
}
.f_contact {
  padding: 5% 0;
  text-align: center;
  width: 100%;
  color: #fff;
}
.f_contact .title {
  width: 100%;
  font-size: 3.4em;
  padding-bottom: 10px;
}
.f_contact p {
  width: 100%;
  font-size: 1.4em;
  padding-bottom: 4%;
}
.f_contact .contact_list {
  width: 100%;
  overflow: hidden;
}
.f_contact .contact_list li {
  width: 25%;
  float: left;
}
.f_contact .contact_list li .contact_icon {
  padding: 10px;
}
.f_contact .contact_list li .contact_icon a {
  width: 100%;
  display: block;
  height: 60px;
  padding-top: 130px;
  font-size: 1.6em;
  color: #fff;
  text-align: center;
}
.f_contact .contact_list li .contact_icon a:hover {
  text-decoration: underline;
}

.f_contact .contact_list li.tmall_box a {
  background: #151515 url(img/icon_tm.gif) no-repeat center top;
}
.f_contact .contact_list li.jxs_box a {
    background: #151515 url(img/icon_jxs.png) no-repeat center 20%;
    background-size: 40%;
}
.f_contact .contact_list li.yk_box a {
  background: #151515 url(img/icon_yk.gif) no-repeat center top;
}

.f_contact .contact_list li.wx_box a {
  height: 190px;
  padding: 0;
  position: relative;
  overflow: hidden;
  background-color: #151515;
}
.f_contact .contact_list li.wx_box a:hover {
  text-decoration: none;
}
.f_contact .contact_list li.wx_box a .wx_title {
  width: 100%;
  height: 60px;
  padding-top: 130px;
  background: url(img/icon_wx.gif) no-repeat center top;
}
.f_contact .contact_list li.wx_box a .wx_erweima {
  width: 100%;
  height: 190px;
  background: url(img/erweima.gif) no-repeat center top;
  position: absolute;
  left: 100%;
  top: 0;
  transition: All 1s;
  -webkit-transition: All 1s;
  -moz-transition: All 1s;
  -o-transition: All 1s;
}
.f_contact .contact_list li.wx_box a:hover .wx_erweima {
  left: 0;
}
.wx_con {
  display: none;
}

.f_pro_list {
  width: 100%;
  overflow: hidden;
  padding-bottom: 8%;
  color: #fff;
}
.f_pro_list a {
  color: #fff;
}
.f_pro_list a:hover {
  text-decoration: underline;
}
.f_pro_l {
  width: 55%;
  overflow: hidden;
  text-align: left;
}
.f_pro_l dl {
  width: 30%;
  float: left;
}
.yc_f_nav {
  display: none;
}
.f_pro_r {
  width: 45%;
  overflow: hidden;
  text-align: left;
}
.f_pro_r dl {
  width: 25%;
  float: left;
}
.f_pro_l dl dt,
.f_pro_r dl dt {
  width: 100%;
  font-size: 1.8em;
  line-height: 3em;
  border-bottom: solid 2px #fff;
  margin-bottom: 1.5em;
}
.f_pro_l dl dd,
.f_pro_r dl dd {
  width: 100%;
  font-size: 1.4em;
  line-height: 2.5em;
}
.f_pro_r dl dd {
  font-family: SourceHanSansCN-Medium-2;
}
.ba {
  width: 100%;
  min-width: 1200px;
  background: #151515;
}
.ba_box {
  width: 1200px;
  margin: 0 auto;
  overflow: hidden;
  padding: 2% 0;
  font-size: 1.2em;
  line-height: 2em;
  height: 2em;
  color: #828282;
}
.ba_box a {
  color: #828282;
}
.ba_box a:hover {
  text-decoration: underline;
}
.ba_l span {
  display: inline-block;
  padding: 0 10px 0 5px;
  float: left;
}
.ba_r {
  float: right;
  height: 100%;
  overflow: hidden;
}
.ba_r li {
  display: inline-block;
  *display: inline;
}

/*新闻页*/
.main_l {
  width: 1200px;
  margin: 0 auto;
  padding: 70px 0;
}
.title_box {
  width: 100%;
  overflow: hidden;
  padding-bottom: 25px;
}
.title_l {
  float: left;
}
.title_l strong {
  font-weight: normal;
  font-size: 2.8em;
  color: #151515;
  display: inline-block;
  padding-right: 5px;
}
.title_l span {
  font-family: SourceHanSansCN-Medium-2;
  font-size: 2.9em;
  color: #eb6100;
  display: inline-block;
  text-transform: uppercase;
}
.c_title_l {
  float: right;
}
.c_title_l li {
  float: left;
  padding-left: 40px;
  font-size: 2em;
  line-height: 40px;
}
.c_title_l li a {
  color: #151515;
}
.all_news {
  float: right;
  font-size: 2em;
  line-height: 40px;
  color: #151515;
}
.all_news a {
  color: #151515;
}
.c_title_l li a:hover,
.c_title_l li a.hover,
.all_news a.hover {
  border-bottom: solid 2px #eb5d13;
}
.news_list {
  width: 100%;
  overflow: hidden;
  padding-bottom: 3em;
  margin-top: 20px;
}
.news_list li {
  width: 50%;
  float: left;
  padding-bottom: 30px;
}
.news_list li .news_box {
  padding: 0 10px;
}
.news_list li .news_box .img_box {
  width: 100%;
  overflow: hidden;
}
.news_list li .news_box .img_box img {
  width: 100%;
  height: 435px;
  transition: All 0.5s ease-in-out;
  -webkit-transition: All 0.5s ease-in-out;
  -moz-transition: All 0.5s ease-in-out;
  -o-transition: All 0.5s ease-in-out;
}
.news_list li .news_box .img_box a:hover img {
  transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -o-transform: scale(1.2);
  -ms-transform: scale(1.2);
}
.news_list li .news_box h2 {
  font-weight: normal;
  font-size: 2.8em;
  padding: 0.8em 0 0.2em;
}
.news_list li .news_box h2 a {
  color: #151515;
}
.news_list li .news_box p {
  font-size: 1.8em;
  line-height: 2em;
  color: #555;
  width: 90%;
}
.share_box {
  color: #555555;
}
.news_list li .news_box .share_box span {
  font-size: 1.4em;
}
.share_box span {
  display: inline-block;
  padding-right: 10px;
  vertical-align: middle;
}
.share_box span.share {
  width: 16px;
  height: 30px;
  background: url(img/bg_share.png) no-repeat;
  position: relative;
  cursor: pointer;
}

.hidden_share {
  position: absolute;
  left: 25px;
  top: 0;
  z-index: 9;
  display: none;
}
.hidden_share .bdsharebuttonbox {
  border: solid 1px #5a5a5a;
  padding-left: 5px;
  overflow: hidden;
  background-color: #f1f1f1;
  width: 160px;
}
.hidden_share .bdsharebuttonbox a {
  width: 26px;
  height: 26px;
  display: inline-block;
  background: url(http://bdimg.share.baidu.com/static/api/img/share/icons_0_16.png?v=ba7acbd3.png) no-repeat;
  float: none;
  padding: 0;
  margin: 0;
}
.hidden_share .bdsharebuttonbox a.bds_more {
  background-position: 0px 4px;
}
.hidden_share .bdsharebuttonbox a.bds_bdhome {
  background-position: 0px -152px;
}
.hidden_share .bdsharebuttonbox a.bds_qzone {
  background-position: 0px -48px;
}
.hidden_share .bdsharebuttonbox a.bds_tsina {
  background-position: 0px -100px;
}
.hidden_share .bdsharebuttonbox a.bds_tqq {
  background-position: 0px -256px;
}
.hidden_share .bdsharebuttonbox a.bds_weixin {
  background-position: 0px -1608px;
}
.loadmore {
  text-align: center;
  font-size: 14px;
  color: #9e9e9e;
  font-weight: 400;
  cursor: pointer;
  height: 20px;
  line-height: 20px;
  padding-top: 30px;
  padding-bottom: 20px;
  background: url(img/loading.gif) no-repeat center 10px;
}

.pages {
  width: 100%;
  text-align: center;
  font-size: 1.4em;
  clear: both;
}
.pages span {
  display: inline-block;
  padding-right: 10px;
  color: #151515;
}
.pages span a {
  color: #151515;
}

.news_con {
  background: #f1f1f1;
}
.news_con a.back_news {
  display: block;
  text-align: center;
  width: 100%;
  color: #eb6100;
  font-size: 1.8em;
  padding-bottom: 25px;
}
.news_con h2 {
  text-align: center;
  width: 100%;
  color: #151515;
  font-size: 3.8em;
  line-height: 1.2em;
  padding-bottom: 25px;
}
.news_con .date_box {
  text-align: center;
  width: 100%;
  color: #151515;
  font-size: 1.8em;
  line-height: 1.2em;
  padding-bottom: 45px;
}
.news_img_l {
  width: 100%;
  text-align: center;
}
.news_img_l li {
  display: inline-block;
  padding: 0 15px;
  *display: inline;
}
.news_conb {
  padding: 0 180px;
  font-size: 1.8em;
  line-height: 2em;
  color: #5b5b5b;
}
.news_conb img {
  max-width: 100%;
  height: auto;
}
.news_conb .more {
  width: 100%;
  text-align: center;
  padding: 4em 0 3em;
}
.news_conb .more a {
  display: inline-block;
  font-size: 1em;
  line-height: 2em;
  padding: 0 30px;
  background: #eb6100;
  color: #fff;
}
.news_conb .more a:hover {
  text-decoration: underline;
}
.search_title {
  font-size: 1.8em;
  color: #eb6100;
  padding: 0 170px;
}
.result_list li {
  padding-left: 15px;
  background: url(img/li.gif) no-repeat left center;
  font-size: 1.8em;
  line-height: 2em;
  height: 2em;
  overflow: hidden;
}
.result_list {
  padding: 3em 170px 5em;
}
.result_list li a {
  color: #5b5b5b;
}
.result_list li a:hover {
  text-decoration: underline;
}

/*服务网点*/
.service_search {
  width: 100%;
  margin-top: 2em;
}
.service_search span {
  display: inline-block;
  padding-right: 1%;
  vertical-align: middle;
}
.service_search span {
  width: 15%;
}
.service_search span.s_search_text {
  width: 30%;
}
.service_search span.s_search_text input {
  display: inline-block;
  width: 100%;
  height: 40px;
  line-height: 40px;
  font-size: 1.4em;
  background: url(img/bg_s_search.gif) no-repeat 96% center;
  border: solid 1px #151515;
  text-indent: 10px;
}
.service_search span select {
  display: inline-block;
  width: 100%;
  height: 40px;
  line-height: 40px;
  font-size: 1.4em;
  border: solid 1px #151515;
  color: #151515;
  text-indent: 5px;
}
.service_search span.s_search_submit {
  width: 10%;
}
.service_search span.s_search_submit a {
  display: inline-block;
  width: 100%;
  height: 40px;
  line-height: 40px;
  font-size: 1.6em;
  background: #eb6100;
  border: solid 1px #eb6100;
  color: #fff;
  text-align: center;
}
.service_list {
  width: 100%;
  overflow: hidden;
  padding: 5% 0;
}
.service_list li {
  width: 25%;
  float: left;
  height: 16em;
  overflow: hidden;
}
.service_list li dl {
  padding-right: 15%;
}
.service_list li dl dt {
  font-size: 2em;
  color: #eb6100;
  padding-bottom: 2%;
}
.service_list li dl dd {
  font-size: 1.4em;
  color: #a7a7a7;
  line-height: 2em;
  max-height: 4em;
  overflow: hidden;
}

/*配件*/
.fitting_box {
  width: 100%;
  overflow: hidden;
  margin-top: 2em;
}
.fitting_l {
  float: left;
}
.c_title_l2 {
}
.c_title_l2 li {
  font-size: 1.8em;
  padding-bottom: 2em;
}
.c_title_l2 li a {
  color: #151515;
}
.c_title_l2 li a:hover,
.c_title_l2 li a.hover {
  border-bottom: solid 2px #eb5d13;
  color: #eb5d13;
}
.fitting_list {
  width: 996px;
  overflow: hidden;
  float: right;
}
.fitting_list li {
  width: 302px;
  float: left;
  padding-bottom: 3em;
  padding-left: 30px;
}
.fitting_list li .img_box {
  width: 300px;
  border: solid 1px #dbdbdb;
  margin-bottom: 1em;
  overflow: hidden;
}
.fitting_list li .img_box img {
  width: 300px;
  height: 225px;
  transition: All 0.5s ease-in-out;
  -webkit-transition: All 0.5s ease-in-out;
  -moz-transition: All 0.5s ease-in-out;
  -o-transition: All 0.5s ease-in-out;
}
.fitting_list li a:hover .img_box img {
  transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -o-transform: scale(1.2);
  -ms-transform: scale(1.2);
}
.fitting_list li p,
.fitting_list li h3 {
  width: 100%;
  font-size: 1.4em;
  color: #555555;
  line-height: 2em;
  height: 2em;
  overflow: hidden;
}

/*骑行装备*/
.riding_list {
  width: 100%;
  overflow: hidden;
  margin-top: 2em;
}
.riding_list li {
  width: 372px;
  float: left;
  padding: 0 14px 45px;
}
.riding_list li .img_box {
  width: 370px;
  overflow: hidden;
  border: solid 1px #dbdbdb;
  margin-bottom: 1.5em;
}
.riding_list .img_box img {
  width: 370px;
  height: 278px;
  transition: All 0.5s ease-in-out;
  -webkit-transition: All 0.5s ease-in-out;
  -moz-transition: All 0.5s ease-in-out;
  -o-transition: All 0.5s ease-in-out;
}
.riding_list li .img_box a:hover img {
  transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -o-transform: scale(1.2);
  -ms-transform: scale(1.2);
}
.riding_list li h3 {
  font-size: 2.4em;
  line-height: 1.5em;
  height: 1.5em;
  overflow: hidden;
}
.riding_list li h3 a {
  color: #151515;
}
.riding_list li p {
  font-size: 1.4em;
  line-height: 2em;
  height: 2em;
  overflow: hidden;
  color: #555555;
}

/*联系我们*/
.contact_banner {
  width: 100%;
  position: relative;
}
.contact_banner .img_box {
  width: 100%;
}
.contact_banner .img_box img {
  width: 100%;
  height: auto;
}
 .contart_con {
    width: 530px;
    height: 170px;
    display: flex;
   background: #ec6202;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    color: #fff;
    font-size: 26px;
  }

  .contart_con img{
    width: 50px;
    margin-bottom: 15px;
  }
.contart_con div.addr1 {
  font-size: 2em;
  line-height: 1.8em;
}
.contart_con div.addr2 {
  font-size: 3em;
  line-height: 2.2em;
  margin-bottom: 0.5em;
}
.contart_con div.tel {
  font-size: 4.6em;
  font-family: SourceHanSansCN-Medium-2;
  padding-top: 10px;
}
/* @media \0screen\, screen\9 {
  .contart_con {
    background-color: #eb6100;
    filter: Alpha(opacity=90);
    position: static;
    *zoom: 1;
  }
  .contart_con div {
    position: relative;
  }
} */
.map_list {
  width: 1200px;
  margin: 0 auto;
  overflow: hidden;
  padding-top: 75px;
}
.map_list li {
  width: 50%;
  float: left;
}
.map_list li .map_box {
  padding: 0 15px;
}
.map_list li .img_box {
  border: solid 3px #d6d6d6;
}
.map_list li .img_box img {
  width: 100%;
  height: auto;
}
.map_list li .text {
  text-align: center;
  padding: 20px 0;
  font-size: 2.4em;
}
.map_list li .text span {
  color: #eb6100;
}
.map_list li .text strong {
  font-weight: normal;
}
.contact_box {
  width: 1200px;
  margin: 0 auto;
}
.title_box2 {
  width: 100%;
  overflow: hidden;
  padding: 50px 0;
  text-align: center;
}
.title_box2 .title_l {
  float: none;
}
.feedback_box {
  width: 1200px;
  margin: 0 auto;
  font-size: 1.4em;
  padding-bottom: 5em;
}
.feedback_box ul {
  width: 100%;
  overflow: hidden;
}
.feedback_box li {
  margin-bottom: 15px;
  line-height: 20px;
  width: 30%;
  margin-right: 5%;
  float: left;
}
.feedback_box li.feeedback {
  width: 100%;
}
.feedback_box li div {
  border: solid 1px #eaeaea;
  padding: 10px 0;
}
.feedback_box li.feeedback div {
  padding: 10px;
}
.feedback_box li span {
  display: inline-block;
  padding: 0 10px;
}
.feedback_box li input {
  display: inline-block;
  height: 20px;
  line-height: 20px;
  border: none 0px;
  background: #fff;
  width: 70%;
}
.feedback_box li textarea {
  line-height: 30px;
  border: none 0px;
  background: #fff;
  width: 100%;
  color: #000;
  font-size: 14px;
  font-family: SourceHanSansCN-Medium-2;
}
.btn_box {
  width: 100%;
  padding-top: 13px;
  overflow: hidden;
  text-align: center;
}
.btn_box input {
  display: inline-block;
  line-height: 1em;
  padding: 16px 55px;
  font-size: 1.2em;
  color: #fff;
  background: #eb6100;
  border: none 0px;
  margin-right: 23px;
  font-family: SourceHanSansCN-Medium-2;
}
.btn_box input[type="reset"] {
  background: #151515;
}

/*新品推荐*/
.tj_new {
  width: 100%;
  overflow: hidden;
}
.tj_newl {
  width: 35%;
  float: left;
  overflow: hidden;
  padding-bottom: 45px;
}
.tj_newl h2 {
  width: 100%;
  font-size: 4em;
  line-height: 1.5em;
  clear: both;
}
.tj_newl h2 a {
  color: #010101;
}
.tj_newl p {
  float: left;
  font-size: 1.2em;
  text-align: center;
  color: #010101;
  line-height: 1.8em;
}
.tj_newl p span {
  color: #eb6100;
}
.tj_newl .more {
  float: right;
  font-size: 1.8em;
  padding-right: 20px;
  padding-top: 10px;
}
.tj_newl .more a {
  color: #eb6100;
  text-decoration: underline;
}
.tj_newr {
  width: 45%;
  float: right;
  font-size: 1.4em;
  color: #6f6f6f;
  line-height: 1.7em;
  height: 10em;
  overflow: hidden;
}
.video_box {
  width: 100%;
  height: 675px;
  background: #000;
  clear: both;
  margin-bottom: 75px;
}
.video_box2 {
  width: 832px;
  height: 468px;
  background: #000;
  margin: 0 auto;
}
.new_list {
  width: 100%;
  overflow: hidden;
  padding-bottom: 3em;
  margin-top: 20px;
}
.new_list li {
  width: 50%;
  float: left;
  padding-bottom: 30px;
}
.new_list li .new_box {
  padding: 0 10px;
}
.new_list li .new_box .img_box {
  width: 100%;
  overflow: hidden;
}
.new_list li .new_box .img_box img {
  width: 100%;
  height: 435px;
  transition: All 0.5s ease-in-out;
  -webkit-transition: All 0.5s ease-in-out;
  -moz-transition: All 0.5s ease-in-out;
  -o-transition: All 0.5s ease-in-out;
}
.new_list li .new_box .img_box a:hover img {
  transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -o-transform: scale(1.2);
  -ms-transform: scale(1.2);
}
.new_list li .new_box h2 {
  font-weight: normal;
  font-size: 2.8em;
  padding: 0.8em 0 0.2em;
}
.new_list li .new_box h2 a {
  color: #151515;
}
.new_list li .new_box h2 a:hover {
  color: #eb6100;
}
.new_list li .new_box p {
  font-size: 1.4em;
  line-height: 1.8em;
  padding-bottom: 1em;
  color: #6b6b6b;
}
.new_list li .new_box .more {
  font-size: 1.8em;
}
.new_list li .new_box .more a {
  color: #151515;
}
.new_list li .new_box .more a:hover {
  color: #eb6100;
  text-decoration: underline;
}

/*关于华洋*/
.title_box2.title_inf {
  padding: 0;
}
.inf_con {
  width: 70%;
  font-size: 1.8em;
  line-height: 2em;
  color: #555555;
  margin: 0 auto;
  text-align: center;
  padding: 1em 0 50px;
}
.inf_img {
  width: 100%;
  text-align: center;
}
.inf_img img {
  max-width: 100%;
  height: auto;
}
.inf_logo {
  width: 100%;
  text-align: center;
  padding: 5em 0 5em;
}
.inf_logo img {
  max-width: 100%;
  height: auto;
}
.review_con {
  width: 40%;
  font-size: 1.8em;
  line-height: 2em;
  color: #555555;
  margin: 0 auto;
  text-align: center;
  padding: 1em 0 3em;
}
.review_list {
  width: 100%;
  position: relative;
  padding: 95px 0 180px;
  background: url(img/bg_sjz.gif) no-repeat center top;
}
.slider8 .slide {
  width: 100%;
  overflow: hidden;
  background: url(img/bg_sjz2.gif) no-repeat center top;
  height: 240px;
  overflow: hidden;
}
.slider8 .slide .slide_l {
  width: 36%;
  text-align: right;
}
.slider8 .slide .slide_l .date {
  width: 100%;
  font-size: 8em;
  line-height: 1em;
  font-family: SourceHanSansCN-Medium-2;
  height: 1em;
  overflow: hidden;
}
.slider8 .slide .slide_l .date span {
  width: 60%;
  overflow: hidden;
  display: inline-block;
}
.slider8 .slide .slide_l p {
  width: 100%;
  font-size: 1.6em;
  color: #555555;
  line-height: 1.5em;
  padding-top: 10px;
}
.slider8 .slide .slide_r {
  text-align: right;
  width: 40%;
}
.slider8 .slide .slide_r img {
  max-width: 100%;
  height: auto;
}
.hy_box {
  position: absolute;
  width: 100%;
  text-align: center;
  left: 0;
  top: 818px;
}

/*产品回顾*/

.bx-wrapper {
  position: relative;
  *zoom: 1;
  padding: 0 16%;
}

.bx-controls {
  width: 100%;
  position: relative;
}
/** THEME
===================================*/

.bx-wrapper .bx-viewport {
  /*fix other elements on the page moving (on Chrome)*/
  -webkit-transform: translatez(0);
  -moz-transform: translatez(0);
  -ms-transform: translatez(0);
  -o-transform: translatez(0);
  transform: translatez(0);
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
  position: absolute;
  bottom: -130px;
  width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
  min-height: 50px;
  background: url(img/bx_loader.gif) center center no-repeat #fff;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
  text-align: center;
  font-size: 0.85em;
  font-family: SourceHanSansCN-Medium-2;
  font-weight: bold;
  color: #666;
  padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  *zoom: 1;
  *display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
  background: #ccc;
  text-indent: -9999px;
  display: block;
  width: 40px;
  height: 4px;
  margin: 0 5px;
  outline: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #eb6100;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
  left: -90px;
  background: url(img/icon_casejt.png) no-repeat 0 0;
}

.bx-wrapper .bx-next {
  right: -90px;
  background: url(img/icon_casejt.png) no-repeat -45px 0;
}

.bx-wrapper .bx-prev:hover {
  background-position: 0 -80px;
}

.bx-wrapper .bx-next:hover {
  background-position: -45px -80px;
}

.bx-wrapper .bx-controls-direction a {
  position: absolute;
  bottom: 350px;
  outline: 0;
  width: 45px;
  height: 80px;
  text-indent: -9999px;
  z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
  display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
  text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
  display: block;
  text-indent: -9999px;
  width: 10px;
  height: 11px;
  outline: 0;
  background: url(images/controls.png) -86px -11px no-repeat;
  margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
  background-position: -86px 0;
}

/*加入我们*/
.mydiv {
  display: none;
  background-color: #151515;
  z-index: 999;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  position: fixed !important; /* FF IE7*/
  position: absolute; /*IE6*/
  
}
.join_box {
  width: 1200px;
  position: relative;
  margin: 0 auto;
}
.join_box .back_home {
  width: 70px;
  height: 70px;
  background: #eb6100;
  text-align: center;
  font-size: 1.8em;
  line-height: 1.2em;
}
.join_box .back_home a {
  display: inline-block;
  color: #fff;
  padding-top: 10px;
}
.join_con {
  width: 100%;
  background: #fff;
  position: relative;
  margin-top: 4%;
}
.join_con .feedback_box {
  width: 80%;
  margin: 0 auto;
}
.pop_close .close_pop {
  display: block;
  width: 48px;
  height: 48px;
  background: url(img/img_close.gif) no-repeat;
  text-indent: -9999px;
  position: absolute;
  top: 0;
  right: 0;
}

/*产品页面*/
.pro_banner {
  width: 100%;
  position: relative;
  background: no-repeat center top;
}
.pro_banner .img_box {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}
.pro_banner .img_box img {
  width: 100%;
  height: auto;
}
.pro_con {
  width: 1200px;
  margin: 0 auto;
}
.pro_con .pro_title {
  width: 100%;
  color: #fff;
  padding-top: 40px;
}
.pro_con .pro_title .title {
  width: 100%;
  text-align: center;
  font-size: 12em;
  line-height: 1.1em;
  font-family: SourceHanSansCN-Medium-2;
}
.pro_con .pro_title .title strong {
  display: inline-block;
  font-weight: normal;
  padding-right: 20px;
  color: #eb6100;
}
.pro_con .pro_title .title span {
  display: inline-block;
}
.pro_con .pro_title p {
  width: 100%;
  font-size: 3.8em;
  text-align: center;
  line-height: 1.1em;
}
.pro_con .pro_title .img_box2 {
  width: 80%;
  margin: 0 auto;
  text-align: center;
}
.pro_con .pro_title .img_box2 img {
  max-width: 100%;
  height: auto;
}
.pro_content {
  width: 1200px;
  margin: 0 auto;
}
.pro_content .more {
  width: 100%;
  text-align: center;
  padding: 4em 0 3em;
}
.pro_content .more a {
  display: inline-block;
  font-size: 1.8em;
  line-height: 2em;
  padding: 0 30px;
  background: #eb6100;
  color: #fff;
}
.pro_content .more a:hover {
  text-decoration: underline;
}
.pro_content .pro_inf {
  width: 80%;
  margin: 0 auto;
  text-align: center;
  font-size: 1.8em;
  color: #555;
  line-height: 2em;
  padding: 0 0 3em;
}
.pro_title02 {
  padding-bottom: 3em;
}
.pro_title02 strong {
  font-weight: normal;
  display: block;
  font-size: 3.4em;
  color: #eb6100;
  line-height: 1em;
}
.pro_title02 span {
  display: block;
  font-family: SourceHanSansCN-Medium-2;
  font-size: 5.4em;
  line-height: 1em;
}
.feature_list {
  width: 100%;
  padding-bottom: 3em;
}
.feature_list li {
  width: 49%;
  padding-bottom: 30px;
  display: inline-block;
  *display: inline;
  vertical-align: top;
  padding-left: 0.5%;
}
.feature_list li .news_box {
  padding: 0 10px;
}
.feature_list li .news_box .img_box {
  width: 100%;
  overflow: hidden;
}
.feature_list li .news_box .img_box img {
  width: 100%;
  height: 370px;
  transition: All 0.5s ease-in-out;
  -webkit-transition: All 0.5s ease-in-out;
  -moz-transition: All 0.5s ease-in-out;
  -o-transition: All 0.5s ease-in-out;
}
.feature_list li .news_box .img_box:hover img {
  transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -o-transform: scale(1.2);
  -ms-transform: scale(1.2);
}
.feature_list li .news_box h2 {
  font-weight: normal;
  font-size: 2.8em;
  padding: 0.8em 0 0.2em;
  color: #151515;
}
.feature_list li .news_box p {
  font-size: 1.8em;
  line-height: 2em;
  color: #555;
  width: 90%;
}
.pro_cs {
  width: 100%;
  position: relative;
  background: #eaeaea;
  z-index: -2;
}
.pro_cs .bg_cs {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}
.pro_cs .bg_cs img {
  width: 100%;
  height: auto;
}
.pro_csc {
  width: 1200px;
  margin: 0 auto;
  position: relative;
  padding-top: 5em;
}
.pro_csc .pro_title02 {
  position: absolute;
  left: 0;
  top: 5em;
}
.pro_csc .img_box img {
  width: 100%;
  height: auto;
}
.pro_cs_list {
  width: 100%;
  overflow: hidden;
  padding: 6em 0;
}
.pro_cs_list .pro_cs_l,
.pro_cs_list .pro_cs_r {
  width: 50%;
  float: left;
}
.pro_cs_list .cs_title {
  font-size: 2.8em;
  font-weight: bold;
  padding-bottom: 1.5em;
  line-height: 1.5em;
  height: 1.5em;
}
.pro_cs_list .cs_table {
  width: 90%;
  font-size: 1.8em;
  padding-bottom: 1.5em;
  line-height: 1.5em;
}
.pro_cs_list .cs_table td {
  padding: 0.3em 0;
  vertical-align: top;
}

.flashBanner {
  position: relative;
  width: 100%;
  padding-bottom: 120px;
  margin-bottom: 5em;
  height: auto;
}
.flashBanner p {
  width: 100%;
}
.flashBanner p img {
  width: 100%;
  height: auto;
}
.flashBanner .mask {
  height: 102px;
  line-height: 102px;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0px;
  overflow: hidden;
}
.flashBanner .mask img {
  vertical-align: middle;
  margin-right: 32px;
  cursor: pointer;
  width: 170px;
  height: 102px;
  display: inline-block;
}
.flashBanner .mask img.show {
  margin-bottom: 5px;
}
.flashBanner .mask img:last-child {
  margin-right: 0px;
}

@media only screen and (max-width: 1500px) {
  .new_pro .text,
  .news_tj .text {
    font-size: 4.4em;
  }
}

@media only screen and (max-width: 1330px) {
  .new_pro .text,
  .news_tj .text {
    font-size: 4em;
  }
}

@media only screen and (max-width: 1199px) {
  .yc_960 {
    display: block;
  }
  .header {
    min-width: 960px;
  }
  .header .header_box {
    width: 960px;
  }
  .sub_nav_main {
    width: 960px;
    margin: 0 auto;
  }
  .w_links {
    top: 0px;
    left: 0;
    right: auto;
    width: 500px;
  }
  .w_links .tm_box {
    margin-left: 0px;
  }

  .banner_box {
    min-width: 960px;
  }
  .new_pro .text,
  .news_tj .text {
    font-size: 2.9em;
  }
  .sub_nav_main .n_fitting_list dd {
    width: 302px;
    padding: 0 9px;
    margin-top: 0px;
  }
  .sub_nav_main .n_fitting_list dd .img_box {
    width: 300px;
  }
  .sub_nav_main .n_fitting_list dd .img_box img {
    width: 300px;
    height: 225px;
  }
  .footer {
    min-width: 960px;
  }
  .footer_box {
    width: 960px;
  }
  .ba {
    min-width: 960px;
  }
  .ba_box {
    width: 960px;
  }

  .main_l {
    width: 960px;
  }
  .news_conb {
    padding: 0 60px;
  }
  .news_list li .news_box .img_box img {
    height: 345px;
  }

  .service_list li {
    width: 33%;
  }

  .fitting_list {
    width: 810px;
  }
  .fitting_list li {
    width: 242px;
    padding-left: 28px;
  }
  .fitting_list li .img_box {
    width: 240px;
  }
  .fitting_list li .img_box img {
    width: 240px;
    height: 180px;
  }

  .riding_list li {
    width: 302px;
    padding: 0 9px 5em;
  }
  .riding_list li .img_box {
    width: 300px;
  }
  .riding_list .img_box img {
    width: 300px;
    height: 225px;
  }

  .slider8 .slide .slide_l .date span {
    width: 75%;
    overflow: hidden;
    display: inline-block;
  }

  .map_list {
    width: 960px;
  }
  .contact_box {
    width: 960px;
  }
  .feedback_box {
    width: 960px;
    padding-bottom: 4em;
  }

  .video_box {
    height: 540px;
  }

  .new_list li .new_box .img_box img {
    height: 345px;
  }

  .join_box {
    width: 960px;
  }

  .pro_con {
    width: 960px;
  }

  .pro_content {
    width: 960px;
  }

  .feature_list li .news_box .img_box img {
    height: 292px;
  }

  .pro_csc {
    width: 960px;
  }

  .flashBanner {
    height: auto;
  }
  .flashBanner .mask img {
    margin-right: 20px;
    width: 140px;
    height: 84px;
  }
  .flashBanner .mask img:last-child {
    margin-right: 0px;
  }
}

@media only screen and (max-width: 959px) {
  .header {
    min-width: 0px;
  }
  .header_box {
    display: none;
  }
  .m_header {
    display: block;
    height: 71px;
    background: #f1f1f1;
    width: 100%;
    overflow: hidden;
    position: relative;
  }
  .m_logo_box {
    width: 109px;
    position: absolute;
    left: 35px;
    top: 0;
  }
  .m_nav_btn {
    font-size: 2em;
    font-family: SourceHanSansCN-Medium-2;
    background: url(img/nav-meau.png) no-repeat left center;
    width: 80px;
    height: 71px;
    line-height: 71px;
    position: absolute;
    top: 0;
    right: 35px;
    color: #151515;
    font-weight: bold;
  }
  .m_nav_btn a {
    color: #151515;
    width: 80px;
    height: 71px;
    display: inline-block;
  }

  .cbp-spmenu-left {
    width: 80%;
    height: 100%;
    top: 0;
    z-index: 1000;
    position: fixed;
    left: -80%;
    display: block;
  }
  .cbp-spmenu-left.cbp-spmenu-open {
    left: 0px;
  }
  .menu_box {
    width: 100%;
    height: 100%;
    background: #f8f8f8;
    overflow-y: scroll;
  }
  .cd_box {
    width: 100%;
  }
  #cbp-spmenu-s1 .m_nav1 {
    padding: 2.5em 5%;
    background: #151515;
  }
  #cbp-spmenu-s1 .m_nav1 li {
    width: 30%;
    display: inline-block;
    text-align: left;
    color: #6b6c6e;
    font-size: 1.6em;
    line-height: 2em;
  }
  .m_nav2 {
    padding: 2.5em 5%;
  }
  .m_nav2 .m_title {
    font-size: 1.8em;
    color: #eb6100;
    padding-bottom: 1em;
  }
  .m_nav2 dl {
    color: #151515;
    padding-bottom: 0.5em;
  }
  .m_nav2 dl dt {
    display: inline-block;
    padding-right: 10px;
    font-weight: bold;
    font-size: 2em;
  }
  .m_nav2 dl dd {
    display: inline-block;
    padding-right: 14px;
    font-family: SourceHanSansCN-Medium-2;
    font-size: 1.8em;
    line-height: 2em;
    padding-bottom: 0.5em;
  }

  .banner_box {
    min-width: 0px;
  }
  .new_pro,
  .news_tj {
    width: 100%;
  }
  .new_pro .more {
    top: 30%;
  }
  .news_tj .more {
    bottom: 5%;
  }
  .f_contact .contact_list li {
    width: 50%;
    float: left;
  }
  .f_contact .contact_list li.wx_box a .wx_title {
    height: 22px;
  }
  .wx_con {
    display: block;
    font-size: 0.9em;
  }
  .f_pro_l {
    width: 95%;
    margin: 0 auto;
    float: none;
  }
  .f_pro_l dl {
    width: 25%;
  }
  .f_pro_list a {
    font-size: 13px;
  }
  .yc_f_nav {
    display: block;
  }
  .f_pro_r {
    width: 95%;
    margin: 0 auto;
    float: none;
    padding-top: 20px;
  }
  .f_pro_r dl {
    width: 25%;
  }
  .f_pro_r dl dd {
    font-size: 1.2em;
  }
  .footer {
    min-width: 0px;
  }
  .footer_box {
    width: 100%;
  }
  .ba {
    min-width: 0px;
    text-align: center;
  }
  .ba_box {
    width: 100%;
    height: 6em;
    font-size: 1.2em;
  }
  .ba_l {
    width: 100%;
    float: none;
  }
  .ba_r {
    width: 100%;
    float: none;
  }

  .main_l {
    width: auto;
    padding: 2em 5%;
  }
  .title_l,
  .c_title_l {
    float: none;
  }
  .title_l strong {
    font-size: 2.5em;
  }
  .title_l span {
    font-size: 2.8em;
  }
  .title_box {
    padding-bottom: 2em;
  }
  .c_title_l li {
    padding-left: 0;
    padding-right: 20px;
    padding-top: 10px;
  }
  .news_conb {
    padding: 20px 10px 0;
    font-size: 1.4em;
    line-height: 2em;
  }
  .news_con a.back_news {
    padding-bottom: 1em;
  }
  .news_con h2 {
    font-size: 2.5em;
  }
  .news_list li {
    width: 49.5%;
    float: none;
    display: inline-block;
    vertical-align: top;
  }
  .news_list li .news_box .img_box img {
    height: auto;
  }
  .news_img_l li {
    padding: 0 15px 10px;
  }
  .news_list {
    padding-bottom: 1em;
  }
  .news_list li .news_box {
    padding: 0 3px;
  }
  .news_list li .news_box h2 {
    font-size: 1.8em;
    padding: 0.2em 0;
  }
  .news_con h2 {
    line-height: 1.5em;
  }
  .news_img_l li img {
    max-width: 100%;
    height: auto;
  }

  .service_search span.s_search_text input {
    font-size: 1.2em;
    margin-bottom: 10px;
  }
  .service_search span select {
    font-size: 1.2em;
  }
  .service_search span {
    width: 35%;
  }
  .service_search span.s_search_text {
    width: 88%;
  }
  .service_search span.s_search_submit {
    width: 15%;
  }
  .service_search span.s_search_submit input {
    height: 40px;
    font-size: 1.4em;
  }
  .service_list li {
    width: 49.5%;
    float: none;
    display: inline-block;
    vertical-align: top;
    height: auto;
    padding-bottom: 20px;
  }
  .service_list li dl dt {
    font-size: 2em;
    padding-bottom: 0.5em;
  }
  .service_list li dl dd {
    font-size: 1.4em;
    line-height: 1.5em;
    max-height: 4.5em;
  }

  .fitting_list {
    width: 100%;
    float: none;
  }
  .c_title_l2 {
    float: none;
    width: 100%;
  }
  .c_title_l2 li {
    display: inline-block;
    width: 24%;
    font-size: 1.4em;
    padding-bottom: 1em;
  }
  .fitting_list li {
    width: 47%;
    float: none;
    padding: 1% 1% 2%;
    display: inline-block;
    vertical-align: top;
  }
  .fitting_list li .img_box {
    width: 99.9%;
    border: solid 1px #dbdbdb;
  }
  .fitting_list li .img_box img {
    width: 100%;
    height: auto;
  }
  .fitting_list li p,
  .fitting_list li h3 {
    font-size: 1.6em;
  }

  .riding_list li {
    width: 47%;
    padding: 0 1% 2em;
    float: none;
    display: inline-block;
    vertical-align: top;
  }
  .riding_list li .img_box {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 1em;
  }
  .riding_list .img_box img {
    width: 100%;
    height: auto;
  }
  .riding_list li h3 {
    font-size: 1.8em;
  }
  .riding_list li p {
    height: auto;
    max-height: 4em;
  }

  .contart_con {
    height: 105px;
    width: 270px;
    font-size: 20px;
  }
  .contart_con img {
    width: 35px;
    margin-bottom: 10px;
  }
  .contact_banner .img_box img {
    height: 155px;
  }
  .contart_con div.addr1 {
    font-size: 1.6em;
  }
  .contart_con div.addr2 {
    font-size: 2em;
  }
  .contart_con div.tel {
    font-size: 3em;
  }
  .map_list {
    padding-top: 3em;
  }
  .map_list {
    width: 100%;
  }
  .map_list li {
    width: 100%;
  }
  .map_list li .text {
    font-size: 2em;
  }
  .title_box2 {
    padding: 2em 0;
  }
  .contact_box {
    width: 100%;
  }
  .feedback_box {
    padding: 0 5%;
    padding-bottom: 4em;
    width: auto;
  }
  .feedback_box li {
    width: 99%;
    margin-right: 0;
  }
  .btn_box input {
    padding: 10px 30px;
    font-size: 1.4em;
  }

  .inf_con {
    width: 100%;
    font-size: 1.4em;
    padding: 1em 0;
  }
  .inf_logo {
    padding: 2em 0;
  }
  .review_con {
    width: 100%;
  }
  .bx-wrapper {
    padding: 0;
  }
  .bx-wrapper .bx-prev {
    left: -5%;
  }
  .bx-wrapper .bx-next {
    right: -5%;
  }
  .slider8 .slide .slide_l {
    width: 40%;
  }
  .slider8 .slide .slide_l .date {
    font-size: 5em;
  }
  .slider8 .slide .slide_l p {
    font-size: 1.4em;
  }
  .slider8 .slide .slide_l .date span {
    width: 75%;
    overflow: hidden;
    display: inline-block;
  }

  .video_box {
    height: 210px;
    margin-bottom: 2em;
  }
  .video_box2 {
    width: 100%;
    height: 210px;
  }

  .tj_newl {
    width: 45%;
    padding-bottom: 2em;
  }
  .tj_newl h2 {
    font-size: 2.2em;
  }
  .tj_newl p {
    float: none;
    text-align: left;
  }
  .tj_newl .more {
    float: none;
    font-size: 1.4em;
    width: 100%;
  }
  .tj_newr {
    margin-bottom: 2em;
  }
  .new_list li {
    width: 49.5%;
    display: inline-block;
    float: none;
    vertical-align: top;
  }
  .new_list li .new_box {
    padding: 0 2px;
  }
  .new_list li .new_box h2 {
    font-size: 2.2em;
    padding: 0.3em 0;
  }
  .new_list li .new_box p {
    line-height: 1.5em;
  }
  .new_list li .new_box .img_box img {
    height: auto;
  }

  .join_box {
    width: 100%;
  }
  .pop_close .close_pop {
    background-size: 60% 60%;
    background-position: right top;
  }

  .pro_con {
    width: 100%;
  }
  .pro_con .pro_title {
    padding-top: 20px;
  }
  .pro_con .pro_title .title {
    font-size: 4em;
  }
  .pro_con .pro_title p {
    font-size: 3em;
  }
  .pro_content .more {
    padding: 2em 0;
  }
  .pro_content {
    width: 96%;
  }
  .pro_content .pro_inf {
    width: 100%;
    font-size: 1.4em;
    padding: 0 0 2em;
  }
  .pro_title02 {
    padding-bottom: 2em;
  }
  .pro_title02 strong {
    font-size: 2.8em;
  }
  .pro_title02 span {
    font-size: 4em;
  }
  .feature_list {
    padding-bottom: 0em;
  }
  .feature_list li {
    width: 100%;
  }
  .feature_list li .news_box {
    padding: 0 2px;
  }
  .feature_list li .news_box h2 {
    font-size: 2.2em;
    padding: 0.3em 0;
  }
  .feature_list li .news_box p {
    line-height: 1.5em;
    font-size: 1.4em;
    width: 100%;
  }
  .feature_list li .news_box .img_box img {
    height: auto;
  }

  .pro_banner {
    background-size: 100% 80%;
  }
  .pro_csc {
    width: 100%;
    padding-top: 2em;
  }
  .pro_csc .pro_title02 {
    top: 2em;
  }
  .pro_cs_list {
    padding: 2em 0;
  }
  .pro_cs_list .pro_cs_l,
  .pro_cs_list .pro_cs_r {
    float: none;
    width: 96%;
    padding-left: 2%;
  }
  .pro_cs_list .cs_title {
    font-size: 2.2em;
    padding-bottom: 0.5em;
  }
  .pro_cs_list .cs_table {
    width: 99%;
    font-size: 1.6em;
    padding-bottom: 1em;
  }

  .flashBanner {
    height: auto;
    padding-bottom: 102px;
    margin-bottom: 0;
  }
  .flashBanner .mask img {
    margin-right: 5px;
    width: 15%;
    height: auto;
  }
  .flashBanner .mask img:last-child {
    margin-right: 0px;
  }

  .search_title {
    padding: 0 20px;
  }
  .result_list li {
    font-size: 1.4em;
  }
  .result_list {
    padding: 2em 20px 3em;
  }
}

.yy_box .en {
  float: left;
  padding-left: 10px;
}
.yy_box .xi {
  float: right;
}